:root {
  --el-color-primary: #409eff;
  --font-color-blue: #0054db;
  --border-primary: #149bd5;
  --submenu-default-color: #fff;
  --submenu-active-color: #a0cfff;
  --submenu-active-border: #409eff;
  // 模块标题字体大小
  --header-fontsize: 16px;
  //模块文本字体大小
  --content-fontsize: 14px;
  //折叠模块边框颜色
  --fold-border-color: #2da2e4;
  //折叠模块背景颜色
  --fold-bg-color: #f5f9fc;
  //折叠模块字体颜色
  --fold-word-color: #0154db;
}

body {
  font-size: 16px;
}

&::-webkit-scrollbar {
  overflow: visible;
  width: 6px;
  height: 6px;
  border-radius: 2px;
}

&::-webkit-scrollbar-thumb {
  background-color: rgba(144, 147, 153, 0.3);
  min-height: 15px;
  border-radius: 2px;
}

&::-webkit-scrollbar-track {
  background-color: #e8edf2;
  border-radius: 2px;
}

.el-table th.el-table__cell {
  background-color: rgb(242, 242, 242) !important;
}

// 地图返回按钮
.page-back-box {
  position: absolute;
  top: 0px;
  left: 30px;
  height: 50px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  color: var(--el-color-primary);
  cursor: pointer;
  font-size: 16px;

  // background: red;
  // background: #f5f5f5;
  .back-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    background: url('@/assets/images/basicsConfig/u78.png') no-repeat;
    background-size: 100% 100%;
  }
}

.mr20 {
  margin-right: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mr10 {
  margin-right: 10px;
}

.ml10 {
  margin-left: 10px;
}
.el-row {
  // height: 30px;
}
// 定义输入框统一蓝色背景样式
.input-with-select {
  .el-input__wrapper {
    background: rgba(40, 64, 124, 0.8);
    box-shadow: inset 0 0 12px 1px rgb(39 151 255 / 49%);
  }
  .el-input__inner {
    color: white;
  }
  .el-input-group__append {
    background: rgba(40, 64, 124, 0.8);
    border: 0px;
    box-shadow: none;
  }
  .el-icon {
    color: white;
  }
}
// 定义下拉框统一蓝色背景样式
.select-global-css {
  .el-input__wrapper {
    background: rgba(40, 64, 124, 0.8);
    box-shadow: inset 0 0 12px 1px rgb(39 151 255 / 49%);
  }
  .el-input__inner {
    color: white;
  }
  .el-select-dropdown {
    border: none !important;
    background-color: rgba(1, 28, 82, 0.8);
  }
  //聚焦时的样式
  .el-select .el-input.is-focus .el-input__inner {
    border-color: #0b61aa;
    background-color: rgba(1, 28, 82, 0.8);
    color: #00d3e9;
  }
  //下拉框选中
  .el-select-dropdown__item {
    color: #eee;
    background-color: rgba(1, 28, 82, 0.8);
  }
  //鼠标经过下拉框
  .el-select-dropdown__item.hover,
  .el-select-dropdown__item:hover {
    color: #00d3e9;
    background-color: #0f3360;
  }
}
